モデルコンテキストプロトコル (MCP) を使用した Copilot Chat の拡張

メモ

MCP のサポートは現在パブリックプレビュー段階であり、変更される可能性があります。
MCP がサポートされているのは、Visual Studio Code 向けののみです。
「GitHub プレリリースライセンス条項」がこの製品の使用に適用されます。

概要

モデルコンテキストプロトコル (MCP) は、アプリケーションが大規模言語モデル (LLM) とコンテキストを共有する方法を定義するオープン標準です。 MCP は、AI モデルをさまざまなデータソースとツールに接続する標準化された方法を提供し、それらがより効果的に連携できるようにします。

MCP を使用すると、を既存のさまざまなツールやサービスと統合することで機能を拡張できます。たとえば、GitHub MCP サーバーを使用すると、Visual Studio Code のを使用して、GitHub でタスクを実行できます。また、MCP を使用して、で動作する新しいツールとサービスを作成することもでき、エクスペリエンスをカスタマイズおよび強化できます。

MCP の詳細については、MCP 公式ドキュメントを参照してください。

現在使用可能な他の MCP サーバーの詳細については、MCP サーバーのリポジトリを参照してください。

前提条件

Copilot へのアクセス権。 Copilot のアクセス方法の詳細については、「GitHub Copilot とは何ですか?」を参照してください。
Visual Studio Code バージョン 1.99 以降。 Visual Studio Code のインストールの詳細については、Visual Studio Code ダウンロードページを参照してください。

Visual Studio Code での MCP サーバーの構成

Visual Studio Code で MCP サーバーを構成するには、使用する MCP サーバーの詳細を指定する構成スクリプトを設定する必要があります。次のいずれかについて MCP サーバーを構成できます。

特定のリポジトリ。この場合、プロジェクトを Visual Studio Code で開くすべてのユーザーと MCP サーバーが共有されます。これを行うには、リポジトリのルートに .vscode/mcp.json ファイルを作成します。
Visual Studio Code の個人インスタンス。構成した MCP サーバーにアクセスできるのは自分だけです。これを行うには、Visual Studio Code で settings.json ファイルに構成を追加します。

メモ

サーバーごとに場所を 1 つのみ使用することをお勧めします。同じサーバーを両方の場所に追加すると、競合や予期しない動作が発生する可能性があります。

次のステップでは、.vscode/mcp.json ファイルで Fetch MCP サーバーを構成する方法を示します。 Fetch MCP サーバーは、Web コンテンツのフェッチ機能を提供する単純な MCP サーバーです。 Fetch MCP サーバーの詳細については、MCP サーバーリポジトリの Fetch ディレクトリを参照してください。

同じステップを使用して、個人用 Visual Studio Code 設定で MCP サーバーを構成できます。他の MCP サーバーを構成する方法の詳細については、MCP サーバーのリポジトリを参照してください。

次の構成を .vscode/mcp.json ファイルに追加します。

JSON

{
"inputs": [
  // The "inputs" section defines the inputs required for the MCP server configuration. 
  {
    "type": "promptString"
  }
],
"servers": {
  // The "servers" section defines the MCP servers you want to use.
  "fetch": {
    "command": "uvx",
    "args": ["mcp-server-fetch"]
  }
 }
}

{
"inputs": [
  // The "inputs" section defines the inputs required for the MCP server configuration. 
  {
    "type": "promptString"
  }
],
"servers": {
  // The "servers" section defines the MCP servers you want to use.
  "fetch": {
    "command": "uvx",
    "args": ["mcp-server-fetch"]
  }
 }
}

.vscode/mcp.json ファイルを保存します。
.vscode/mcp.json ファイルで、サーバーの一覧の一番上に [Start] ボタンが表示されます。 [Start] ボタンをクリックして、MCP サーバーを開始します。これにより、入力ダイアログがトリガーされ、サーバーツールが検出され、後のセッション用にそれらが格納されます。
Visual Studio Code のタイトルバーのアイコンをクリックして、を開きます。
ボックスで、ポップアップメニューから [Agent] を選択します。
使用可能な MCP サーバーの一覧を表示するには、チャットボックスの左上隅にあるツールアイコンをクリックします。これで MCP サーバーの一覧が開き、現在 Visual Studio Code インスタンスで使用可能なすべての MCP サーバーと関連ツールが表示されます。

Visual Studio Code での MCP サーバーの構成の詳細については、Visual Studio Code ドキュメントの「Visual Studio Code で MCP サーバーを使用する (プレビュー)」を参照してください。

重要

2025 年 4 月 4 日以降、GitHub MCP サーバーおよびインストール手順が github-mcp-server リポジトリで一般公開されます。

での MCP サーバーの使用

MCP サーバーを構成したら、でそれらを使用して、さまざまなツールやサービスにアクセスできます。次の例では、Fetch MCP サーバーを使用して、Web ページに関する詳細をフェッチします。

Visual Studio Code のタイトルバーのアイコンをクリックして、を開きます。
ボックスで、ポップアップメニューから [Agent] を選択します。
MCP 構成を含むファイルで、MCP サーバーが実行していることを確認します。実行していない場合は、[Start] ボタンをクリックして、MCP サーバーを開始します。
URL の詳細をフェッチするようにに依頼します。次に例を示します。

Fetch https://github.com/github/docs.
続行の確認を Copilot から求められたら、[Continue] をクリックします。
Copilot が URL の詳細を取得し、チャットボックスに表示します。